<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Document</title>
    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/ResourcesDetails.css">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script>window.location="../pages-ie/ResourcesDetails.html"</script>
    <![endif]-->
    <!-- 
    <style>
        ul,
        li {
            list-style: none;
            margin: 0;
            padding: 0;
            border-color: white;
        }

        li:hover,
        .active {
            /*border-top: 10px solid;*/
            border-color: #4fa5df;
            color: #4fa5df;
        }
    </style> -->


</head>

<body>
    <div class="wraper">
        <!-- 头部 -->
        <!-- 头部 -->
        <div class="head">
            <div class="head-c w">
                <img src="../img/Logo.png" alt="" srcset="">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">视频资源</a></li>
                    <li><a href="#">可执行文件</a></li>
                    <li><a href="#">音频资源</a></li>
                    <li><a href="#">文档资源</a></li>
                </ul>
                <div class="search">
                    <input type="text">
                    <span class="search-font">搜索</span>
                    <div class="userImg">
                        <img src="../img/member.png">
                        <span>登陆</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容 -->
        <div>
            <div class="ResourcesBox w" style="margin-top:15px;">
                <div class="box-left">
                    <!-- 资源列表 -->
                    <div class="resourcesList">
                        <div class="left-t">
                            <span class="left-t-l"></span>
                            <span class="left-t-r">资源列表</span>
                        </div>
                        <ul>
                            <li><a href="javascript:;">我的视频</a></li>
                            <li><a href="javascript:;">我的视频</a></li>
                            <li><a href="javascript:;">我的视频</a></li>
                            <li><a href="javascript:;">我的视频</a></li>
                            <li><a href="javascript:;">我的视频</a></li>
                            <li><a href="javascript:;">我的视频</a></li>
                        </ul>
                    </div>
                    <!-- 最新资源 -->
                    <div class="newResourcesList">
                        <div class="left-t">
                            <span class="left-t-l"></span>
                            <span class="left-t-r">最新资源</span>
                        </div>
                        <div class="newResourcesInner">
                            <div class="left">
                                <img src="../img/test/9252150_174018365301_2.jpg" alt="">
                            </div>
                            <div class="right">
                                <span>我的资源1234</span>
                                <span>2018-10-10</span>
                            </div>
                        </div>
                        <div class="newResourcesInner">
                            <div class="left">
                                <img src="../img/test/9252150_174018365301_2.jpg" alt="">
                            </div>
                            <div class="right">
                                <span>我的资源1234</span>
                                <span>2018-10-10</span>
                            </div>
                        </div>
                        <div class="newResourcesInner">
                            <div class="left">
                                <img src="../img/test/9252150_174018365301_2.jpg" alt="">
                            </div>
                            <div class="right">
                                <span>我的资源1234</span>
                                <span>2018-10-10</span>
                            </div>
                        </div>
                        <div class="newResourcesInner">
                            <div class="left">
                                <img src="../img/test/9252150_174018365301_2.jpg" alt="">
                            </div>
                            <div class="right">
                                <span>我的资源1234</span>
                                <span>2018-10-10</span>
                            </div>
                        </div>
                        <div class="newResourcesInner">
                            <div class="left">
                                <img src="../img/test/9252150_174018365301_2.jpg" alt="">
                            </div>
                            <div class="right">
                                <span>我的资源1234</span>
                                <span>2018-10-10</span>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="box-right">
                <div class="box-right">
                    <div class="container">
                        <ul class="breadcrumb">
                            <li><a href="#" style="font-size:16px;"> 视频资源专题</a></li>
                            <li class="active"><a href="#">我的视频</a></li>
                        </ul>
                    </div>
                </div>
                <div class="myvideo">
                    <div class="img">
                        <img src="../img/test/9252150_174018365301_2.jpg" class="img-thumbnail">
                    </div>
                    <div class="buy">
                        <h3>我的视频文件</h3>
                        <ul>
                            <li>下载人数 ：1200</li>
                            <li>价格：<strong>¥ 3.00</strong></li>
                            <li>注：此价钱是整套资源的价格 ！购买可得到整套资源</li>
                        </ul>
                        <span class="btn">立即购买</span>
                    </div>
                    <!-- 相关评论 -->
                    <div class="pinglun">
                        <span>相关评论&nbsp;&nbsp;<i>1200</i></span>
                    </div>
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="../img/test/9252150_174018365301_2.jpg" alt="">
                                <span>12***yjn</span>
                            </a>
                            <p>
                                <span>感觉非常好,指的推荐。大家一起学习！</span>
                                <span class="fr">2018-10-10</span>
                            </p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="../img/test/9252150_174018365301_2.jpg" alt="">
                                <span>12***yjn</span>
                            </a>
                            <p>
                                <span>感觉非常好,指的推荐。大家一起学习！</span>
                                <span class="fr">2018-10-10</span>
                            </p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="../img/test/9252150_174018365301_2.jpg" alt="">
                                <span>12***yjn</span>
                            </a>
                            <p>
                                <span>感觉非常好,指的推荐。大家一起学习！</span>
                                <span class="fr">2018-10-10</span>
                            </p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="../img/test/9252150_174018365301_2.jpg" alt="">
                                <span>12***yjn</span>
                            </a>
                            <p>
                                <span>感觉非常好,指的推荐。大家一起学习！</span>
                                <span class="fr">2018-10-10</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="footer-c w">
                <div class="first">
                    <ul>

                        <li><a href="#">关于我们</a></li><span class="line ">|</span>
                        <li><a href="#">帮助中心</a></li><span class="line ">|</span>
                        <li><a href="#">联系我们</a></li><span class="line ">|</span>
                        <li><a href="#">在线教学平台</a></li><span class="line ">|</span>
                        <li><a href="#">英途信息技术</a>
                    </ul>
                </div>
                <div class="line2"></div>
                <div class="sec mt ">
                    <ul>
                        <li>由 英途信息技术 提供技术支持 CopyRight©2014 Mobile Inc. </li><span class="line ">|</span>
                        <li>权所有：广州市英途信息技术有限公司</li><span class="line ">|</span>
                        <li> 粤ICP备10231381号-3号</li><span class="line ">|</span>
                        <li> 电话：020-38921121 </li>
                    </ul>
                    <ul class="sec-md ">
                        <li>传真：020-85589057 </li><span class="line ">|</span>
                        <li> 邮编：510635</li><span class="line ">|</span>
                        <li> 邮箱：romen@etoinfo.com </li><span class="line ">|</span>
                        <li> 地址：广州高新技术产业开发区科学城科学大道33号A栋2层206房</li>
                    </ul>
                </div>

            </div>
        </div>

    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="./js/index.js"></script>

</html>